﻿$(document).ready(function () {
    /*$('a').addClass('hightlight');
    $('li').addClass('hightlightLI');

    $('#topnav > li').hover(
    function () {
    $(this).addClass("lihover");
    },
    function () {
    $(this).removeClass("lihover");
    }
    );
    $('#topnav > li').bind('click', function () {
    $('#topnav > li').removeClass('lihover');
    $('#topnav > li').removeClass('liselected');
    $(this).addClass('liselected');
    });*/
    $('#menuBar').hide();
    $('#wrapperQuanly').addClass("contentAbsolute");
    $('#subnav').addClass("notDropMenuDanhmuc");

    $('#account').bind('click', function () {
        $('#menuBar').slideDown(500);

    });

    $("#menuBar").bind('click', function () {
        $('#menuBar').slideUp(500, function () {
            $('#wrapperQuanly').addClass("contentAbsolute");
            $('#wrapperQuanly').removeClass("contentNotAbsolute");
        });
    });

    $("#imgMenu").bind('click', function () {
        $('#menuBar').slideDown(500);
        $('#wrapperQuanly').removeClass("contentAbsolute");
        $('#wrapperQuanly').addClass("contentNotAbsolute");
    });

    var heightWindow = $(window).height();
    var widthWindow = $(window).width();
    $('#wrapperQuanly').css('height', (heightWindow - 100));
    $('#divDulieu').css('height', (heightWindow - 140));

    $(".topnav").hover(function () {
        $('#subnav').removeClass("notDropMenuDanhmuc");
        $('#subnav').addClass("dropMenuDanhmuc");
    });

    var widthDulieu = $('#divDulieu').width();
    $('#element_to_pop_up').css('width', widthWindow + 'px');
    $('#divNhapthongtin').css('width', (widthWindow - 200) + 'px');

    $(".imageClick").bind('click', function () {
        $('#element_to_pop_up').show();
    });
});